import React, { Component } from "react";
import Ticket from "./Ticket";
// const 分享 = require("../../public/cutpic/分享.png");
// const collect= require( '../../public/cutpic/collected.png')
export default class Header extends Component {
    render() {
        const styles = {
            layout: {
                headleft: {}
            }
        };

        return (
            <div style={{margin:20}}>
                <div style={{ flex: 1 }}>
                    <div
                        style={{
                            flex: 1,
                            flexDirection: "column"
                        }}
                    >
                        <div
                            style={{
                                height: 66,
                                flexDirection: "row",
                                justifyContent: "space-between",
                                alignItems: "center"
                            }}
                        >
                            <div style={{ fontSize: 46, flex: 6 }}>
                                汉堡王汉堡王汉汉...
                            </div>
                            <div style={{ flex: 1 }}>
                                <img
                                    src='../cutpic/分享.png'
                                    alt='图片'
                                />
                            </div>
                        </div>
                        <div style={{ flex: 1, alignItems: "center", height: 40 }}>
                            <div
                                style={{
                                    flex: 1,
                                    height: 34,
                                    borderRadius: 17,
                                    background: "#edb159",
                                    textAlign: "center",
                                    marginRight: 16,
                                    fontSize: 20,
                                    color:'#fff',
                                }}
                            >
                                <img src='../cutpic/collected.png' style={{
                                    width:27,
                                    marginLeft:10,
                                }} alt=""/>
                                <span style={{
                                    marginLeft:10,
                                }}

                                >已收藏</span>
                            </div>
                            <div
                                style={{
                                    flex: 4,
                                    fontSize: 22,
                                    color: "#999999",
                                    marginLeft:"10px",
                                }}
                            >
                                欢迎光临本店, 我们会不定期做优惠活动!
                            </div>
                        </div>
                    </div>
                    <div
                        style={{
                            width: 120,
                            height: 120,
                            borderRadius: 10,
                            background: "red"
                        }}
                    >
                        <div>头像</div>
                    </div>


                </div>
                {/*<div style={{flex:1}}>*/}
                {/*    <Ticket money={5} />*/}
                {/*    <Ticket money={10} />*/}
                {/*    <Ticket money={200} />*/}
                {/*</div>*/}
            </div>
        );
    }
}
